<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<title>Tarea1 DBA</title>
	
	
	<script type="text/javascript" src="./js/jquery/1.9.1.min.js"></script>	
	<script type="text/javascript" src="./js/jquery-ui-redmond/1.10.2.min.js"></script>	
	<script type="text/javascript" src="./js/datatable/jquery.dataTables.min.js"></script>	
	<script type="text/javascript" src="./js/my/general.js"></script>	
	
	<link rel="stylesheet" type="text/css" href="./css/jquery-ui-redmond/1.10.2.min.css">
	<link rel="stylesheet" type="text/css" href="./css/datatable/jquery.dataTables.css">
	
	
	<script type="text/javascript">
	$(document).ready(function() 
	{
		$( "#create_dialog" ).dialog(
		{
			autoOpen: false,
			width:'85%',
			modal: true,
		});
		$( "#delete_dialog" ).dialog(
		{
			autoOpen: false,
			width:'45%',
			modal: true,
		});
		
		$('#table').dataTable
		({
			"bJQueryUI": true,
		} );
		
		$( "#createButton" ).click(addRow);
		$( ".DELETE" ).click(function(o) 
		{
			deleteRow($(this).closest('tr').get(0));
		});

		getXML("./xml/db.xml",initdone,initfail);
	});
	
	</script>
</head>
<body style="background-color:#f8f8f8">

	<input type="button" value="Agregar nuevo registro" id="createButton"/>
	<table id="table" class="tablesorter"> 
		<thead> 
			<tr> 
			    <th>Campus</th>
			    <th>Carrera</th>
			    <th>Estado</th> 
			    <th>Fecha Acreditacion</th> 
			    <th>Anios Acreditacion</th> 
			    <th>Agencia Acreditadora Vigente</th> 
			    <th>Agencia Acreditadora Actual</th> 
			    <th>Perfil Pregrado</th>  
			    <th>Investigacion</th>  
			    <th>Formacion Continua</th> 
			    <th>Vinculacion Medio</th> 
			    <th>DELETE</th>   
			</tr> 
		</thead> 
		<tbody>
				
		</tbody> 
	</table>
	<div id="create_dialog">
		<table id="create_table" class="tablesorter" style="font-size:12px;"> 
			<thead> 
				<tr> 
					<th >Campus</th>
				    <th>Carrera</th>
				    <th>Estado</th> 
				    <th>Fecha acreditacion</th> 
				    <th>Anios acreditacion</th> 
				    <th>Agencia Acreditadora Vigente</th> 
				    <th>Agencia Acreditadora Actual</th> 
				    <th>Perfil Pregrado</th> 
				    <th>Investigacion</th>  
				    <th>Formacion Continua</th> 
				    <th>Vinculacion Medio</th>    
				</tr> 
			</thead> 
			<tbody>
				<tr> 
					<td><input class="datain" id="campus" type="text" style="width:95%" value='z'/></td>
				    <td><input class="datain" id="carrera" type="text" style="width:95%" value='z'/></td>
				    <td><input class="datain" id="estado" type="text" style="width:95%"value='z'/></td> 
				    <td><input class="datain" id="fecha" type="text" style="width:95%" value='z'/></td> 
				    <td><input class="datain" id="anios" type="text" style="width:95%"value='z'/></td> 
				    <td><input class="datain" id="aav" type="text" style="width:95%" value='z'/></td> 
				    <td><input class="datain" id="aaa" type="text" style="width:95%"value='z'/></td> 
				    <td><input class="datain" id="ppregrado" type="text" style="width:95%"value='z'/></td> 
				    <td><input class="datain" id="investigacion" name="dpregrado" type="text" style="width:95%"value='z'/></td>  
				    <td><input class="datain" id="fcontinua" name="fcontinua" type="text" style="width:95%"value='z'/></td> 
				    <td><input class="datain" id="vmedio" name="vmedio" type="text" style="width:95%"value='z'/></td>  
				   
				</tr> 	
			</tbody> 
		</table>
	</div>
	<div id="delete_dialog">Seguro que desea eliminar este registro ? </div>
</body>
</html>
